// JavaScript Document


        $(function(){       
            var c = 0;
            // 前进后退函数
            var run=function(){         
                c++;
                c=(c==6)?0:c;           
                $('#main .middle img').eq(c).fadeIn(500).siblings('img').fadeOut(500);
                $('#main .middle ul li').eq(c).css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
                }
            var runback=function(){         
                c--;
                c=(c==-1)?5:c;          
                $('#main .middle img').eq(c).fadeIn(500).siblings('img').fadeOut(500);
                $('#main .middle ul li').eq(c).css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
                }
            // 设置定时器，往上滚
            var timer=setInterval(run,1000);
            
            $('#main .middle ul li').mouseenter(function(){
                var jqthis=$(this).index();
                time=setTimeout(function(){
                    c=jqthis;
                $('#main .middle ul li').eq(c).css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
                $('#main .middle img').eq(c).fadeIn(500).siblings('img').fadeOut(500);
                },200)          
            })
            $('#main .middle ul li').mouseleave(function(){
                clearTimeout(time);
            })
            // 箭头事件
            var s=1;
            $('#main .middle .left').click(function(){
                if(s!=1){
                    return;
                }
                s=2;
                setTimeout(function(){
                    s=1;
                },600)
                runback();
            })
            $('#main .middle .right').click(function(){
                if(s!=1){
                    return;
                }
                s=2;
                setTimeout(function(){
                    s=1;
                },600)

                run();
            })
            // box移入移出事件
            $('#main .middle').mouseenter(function(){
                clearInterval(timer);
                $('#main .middle .right,#main .middle .left').show();
            })
            $('#main .middle').mouseleave(function(){
                timer=setInterval(run,1000);
                $('#main .middle .right,#main .middle .left').hide();
            })
        })






















